<!DOCTYPE html>
<html lang="zh-CN">
  <head>
      <meta charset="utf-8">
      <!--不支持老版本IE-->
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <!--device-width自适应移动端宽度，initial-scale=1不进行缩放-->
      <title>网上新闻发布</title>
      <!-- Bootstrap 核心样式文件 -->
      <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">
      <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
      <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
      <style type="text/css">
          /*该类的图片设置大小*/
          .carousel-inner .item img {
              height: 300px;
              width: 100%;
          }
          
          .img-thumbnail {
          	  width:300px;
      		  height:160px
          }
      </style>
  </head>

<body>
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
    <div class="container-fluid">
    <div class="navbar-header">
        <a class="navbar-brand" href="/">首页</a>
    </div>
    <div>
    {{#TEST_TABLE}}
        <ul class="nav navbar-nav">
            {{#TEST_TABLE_ITEM}}
            <li><a href="cgi_display?topic={{TOPIC}}&page=1">{{TOPIC}}</a></li>
            {{/TEST_TABLE_ITEM}}
        </ul>
        <ul class="nav navbar-nav navbar-right">
            {{#TEST_TABLE_ITEM1}}
                  {{LABEL}}
            {{/TEST_TABLE_ITEM1}}
        </ul>
    </div>
    </div>
</nav>

    <div class="carousel-inner" role="listbox">
                <!--图片-->
     <div class   ="item active">
           <img src  ="Images/34.jpg" alt="风景1"></img>
        <div class   ="carousel-caption">
        <!--h4中的内容显示到图片上面，-->
          <h1>新闻内容</h1>
            
        </div>
       </div>
    </div>
  <div class="container" id="accordion" style="width:1000px">
  <!--标题-->
{{#TEST_TABLE_ITEM2}}
  <h1>{{TITLE}}</h1>
  <!--时间作者-->
  <h5>作者: {{AUTHOR}}    发布日期: {{DATE}}</small></h5>
  <h4>{{CONTENT}}</h4>
  </div>
  
  <!--评论区显示-->
<div class="container" id="accordion" style="width:800px">
  <h3>评论区</h3>
    {{#TEST_TABLE_ITEM3}}
  <ul class="list-group">
    <li class="list-group-item>">{{COMMENT}}</li>
  </ul>
    {{/TEST_TABLE_ITEM3}}
  <form action="cgi_newsforuser" class="form-horizontal" role="form" method="POST">
    <div class="form-group">
        <div class="col-xs-6">
        <input class="form-control" type="text" id="formGroupInputLarge" name='title={{TITLE}}&comment' placeholder="我来说一句" required>
{{/TEST_TABLE_ITEM2}}
{{/TEST_TABLE}}
        </div>
    </div>

     <div class="form-group">
        <div class="col-sm-offset-11 col-sm-5">
            <button type="submit" class="btn btn-default">发表</button>     
        </div>
    </div>
</form>


  </div>
</body>
</html>
